{% extends "base.html" %}
{% block htmlhead %}
<link type="text/css" rel="stylesheet" href="/static/courses.css"/>
<script type="text/javascript" src="/static/courses.js"></script>
{% endblock %}

{% block content %}
<div id="spider_div">
    <img id="spider" src="/static/spider.png" alt="" usemap="#map1366780829511">
    <map id="map1366780829511" name="map1366780829511">
        <area id="society" shape="rect" coords="0,100,120,150" href="#!" target="_self">
        <area id="ling" shape="rect" coords="0,300,120,350" href="#!" target="_self">
        <area id="phil" shape="rect" coords="200,400,330,500" href="#!" target="_self">
        <area id="neuro" shape="rect" coords="200,0,350,50" href="#!" target="_self">
        <area id="comp" shape="rect" coords="420,100,570,150" href="#!" target="_self">
        <area id="psych" shape="rect" coords="420,300,570,350" href="#!" target="_self">
        <area id="lower" shape="rect" coords="160,120,360,310" href="#!" target="_self">
    </map>
</div>
<div id="course_info" style="position: relative">
    <div id="real_course_info" style="position: relative">
        <div id="button_section">
        </div>
        <ul id="klasses">
        </ul>
    </div>


</div>


{% endblock %}
